<nz-list nzBordered nzSize="small">
  <nz-list-header><span>模板</span></nz-list-header>

  <div class="list-body">
    <nz-list-item [attr.templateType]="'1'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/text.svg" nzDescription="标题+文本">
        <nz-list-item-meta-title>
          <span>标题+文本</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'2'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/image.svg" nzDescription="标题+图像">
        <nz-list-item-meta-title>
          <span>标题+图像</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'3'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/image-text.svg" nzDescription="标题+图像+2个文本">
        <nz-list-item-meta-title>
          <span>标题+图像+2个文本V1</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'4'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/image-text-alternative.svg"
        nzDescription="标题+图像+2个文本">
        <nz-list-item-meta-title>
          <span>标题+图像+2个文本V2</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'5'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/error.svg" nzDescription="错误">
        <nz-list-item-meta-title>
          <span>错误</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'6'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/warning.svg" nzDescription="警告">
        <nz-list-item-meta-title>
          <span>警告</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'7'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/question.svg" nzDescription="问题">
        <nz-list-item-meta-title>
          <span>问题</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'8'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/info.svg" nzDescription="信息">
        <nz-list-item-meta-title>
          <span>信息</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'9'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/success.svg" nzDescription="成功">
        <nz-list-item-meta-title>
          <span>成功</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'10'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/image-text.svg" nzDescription="标题+图像+文本">
        <nz-list-item-meta-title>
          <span>标题+图像+文本</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'11'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/media-view.svg" nzDescription="媒体/视频UI">
        <nz-list-item-meta-title>
          <span>媒体/视频UI</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'12'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/media-view-nocontrol.svg"
        nzDescription="播放视频（无控制）">
        <nz-list-item-meta-title>
          <span>播放视频（无控制）</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'13'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/media-text.svg" nzDescription="标题+媒体/视频">
        <nz-list-item-meta-title>
          <span>标题+媒体/视频</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'14'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/media-text-nocontrol.svg"
        nzDescription="标题+播放视频（无控制）">
        <nz-list-item-meta-title>
          <span>标题+播放视频（无控制）</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'15'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/screen.svg" nzDescription="图像">
        <nz-list-item-meta-title>
          <span>图像</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'16'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/record.svg" nzDescription="记录">
        <nz-list-item-meta-title>
          <span>记录</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
    <nz-list-item [attr.templateType]="'17'" (mousedown)="startDrag($event)">
      <nz-list-item-meta nzAvatar="../../assets/image/scan.svg" nzDescription="扫描">
        <nz-list-item-meta-title>
          <span>扫描</span>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
    </nz-list-item>
  </div>
</nz-list>
